<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- header start -->
<div class="ileader-header">
  <div class="ileader-main layui-clear">
    <a href="index.html" class="logo"><img src="../dist/images/logo.png" alt=""></a>
    <ul class="nav-list">
      <li class="list-item"><a href="#">下载APP</a></li>
      <li class="list-item">
        <form class="layui-form search-box">
          <div class="layui-input-inline">
            <input type="text" name="seachInfo" class="layui-input search-input" placeholder="搜索课程信息" autocomplete="off">
          </div>
          <button class="layui-btn layui-btn-normal search-btn" lay-submit lay-filter="formDemo"></button>
        </form>
      </li>
      <!-- 登录前 -->
      <!--<li class="list-item">-->
      <!--<a href="javascript:;" class="js-header-register">注册</a> / <a href="javascript:;" class="js-header-signIn">登录</a>-->
      <!--</li>-->
      <!--<li class="list-item item-user">-->
      <!--<span class="user-head"><img src="../dist/images/user_head.png" class="" alt=""></span>-->
      <!--</li>-->
      <!-- 登录后 -->
      <li class="list-item list-item-after">
        <a href="m-news.html" class="user-news active">消息</a>
        <a href="m-online-course.html">个人中心</a>
      </li>
      <li class="list-item item-user">
        <span class="user-name">黑眼圈圈</span>
        <span class="user-head"><img src="../dist/images/user_head.png" alt=""></span>
      </li>
    </ul>
  </div>
</div>
<!-- header start-->

<!-- content start-->
<div class="member-wrap">
  <div class="member-main layui-clear">
    <div class="member-left">
      <div class="member-left-hd mb-10">
        <div class="m-user-avatar layui-clear">
          <div class="avatar-pic"><img src="../dist/images/user_avatar.png" alt=""></div>
          <div class="avatar-info">
            <div class="nickname">黑眼圈都合黑眼圈都合</div>
            <a href="javascript:;" class="btn-change-avatar">更改头像</a>
          </div>
        </div>
        <div class="m-user-level">当前级别：Level1</div>
      </div>
      <ul class="member-nav-list">
        <li class="list-item"><a href="m-online-course.html">线上课表</a></li>
        <li class="list-item"><a href="m-live-course.html">直播课表</a></li>
        <li class="list-item active"><a href="m-offline-course.html">线下课表</a></li>
        <li class="list-item"><a href="m-course-comment.html">课程反馈</a></li>
        <li class="list-item"><a href="m-test.html">我的测试</a></li>
        <li class="list-item"><a href="m-collection.html">我的收藏</a></li>
        <li class="list-item"><a href="m-order.html">我的订单</a></li>
        <li class="list-item"><a href="m-personal-info.html">个人信息</a></li>
        <li class="slide-bar"></li>
      </ul>
    </div>
    <div class="member-right">
      <div class="member-main-bar mb-10">
        <span class="marks"><i class="icon icon-offline"></i>线下课表</span>
      </div>
      <div class="member-main-container">
        <div class="ileader-table-container">
          <table class="layui-table ileader-table">
            <thead>
            <tr>
              <th width="26%">课程名</th>
              <th width="10%">参训类型</th>
              <th width="10%">培训师</th>
              <th width="10%">课程评价</th>
              <th width="17%">上课时间</th>
              <th width="17%">结束时间</th>
              <th width="10%">考勤记录</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td align="left">
                <div class="layui-table-cell">阿青音乐坊如何尤克里里在4周内文艺的装...</div>
              </td>
              <td>
                <div class="layui-table-cell">首次参训</div>
              </td>
              <td>
                <div class="layui-table-cell">山崎贤人</div>
              </td>
              <td>
                <div class="layui-table-cell">
                  <a href="javascript:;" data-id="1" class="btn-cell js-btn-comment">查看</a>
                </div>
              </td>
              <td>
                <div class="layui-table-cell">2019-01-20<br>14:00</div>
              </td>
              <td>
                <div class="layui-table-cell">2019-01-20<br>14:00</div>
              </td>
              <td>
                <div class="layui-table-cell">
                  <a href="javascript:;" data-id="1" class="btn-cell js-btn-record">查看</a>
                </div>
              </td>
            </tr>
            <tr>
              <td align="left">
                <div class="layui-table-cell">阿青音乐坊如何尤克里里在4周内文艺的装...</div>
              </td>
              <td>
                <div class="layui-table-cell">首次参训</div>
              </td>
              <td>
                <div class="layui-table-cell">山崎贤人</div>
              </td>
              <td>
                <div class="layui-table-cell">
                  <a href="javascript:;" data-id="1" class="btn-cell js-btn-comment">查看</a>
                </div>
              </td>
              <td>
                <div class="layui-table-cell">2019-01-20<br>14:00</div>
              </td>
              <td>
                <div class="layui-table-cell">2019-01-20<br>14:00</div>
              </td>
              <td>
                <div class="layui-table-cell">
                  <a href="javascript:;" data-id="1" class="btn-cell js-btn-record">查看</a>
                </div>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
      <!-- 分页 -->
      <div class="ileader-page pt-10 pb-10 s-tr">
        <div class="layui-box layui-laypage">
          <a href="#" class="layui-laypage-first">首页</a>
          <a href="#" class="layui-laypage-prev layui-disabled">上一页</a>
          <span class="layui-laypage-curr">
          <em class="layui-laypage-em"></em>
          <em>1</em>
        </span>
          <a href="#">2</a>
          <a href="#">3</a>
          <a href="#">4</a>
          <a href="#">5</a>
          <span class="layui-laypage-spr">…</span>
          <a href="#" class="layui-laypage-next">下一页</a>
          <a href="#" class="layui-laypage-last">尾页</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
  <div class="footer-nav">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">帮助中心</a>
    <a href="javascript:;" class="ewm-link">
      <span>订阅号</span>
      <div class="ewm-box">
        <p>扫描二维码关注<br>iLeader微信服务号</p>
        <img src="../dist/images/ewm.png" alt="">
      </div>
    </a>
  </div>
  <div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->

<!-- 课程评价 -->
<script type="text/html" id="commentTable">
  <div class="popup-wrap">
    <div class="popup-table-title">课程评价</div>
    <div class="popup-table-container">
      <table class="layui-table popup-table">
        <thead>
        <tr>
          <th width="9%">课程有用性</th>
          <th width="9%">授课清晰度</th>
          <th width="9%">案例实用性</th>
          <th width="8%">课程难度</th>
          <th width="9%">课程完成度</th>
          <th width="9%">课程进度把控</th>
          <th width="9%">老师总体评分</th>
          <th width="28%">反馈</th>
          <th width="10%">时间</th>
        </tr>
        </thead>
        <tbody>
        {{#  layui.each(d.data, function(index, item){ }}
        <tr>
          <td>
            <div class="layui-table-cell">{{ item.usefulness }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.definition }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.practicability }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.difficulty }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.degree }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.control }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.total }}</div>
          </td>
          <td align="left">
            <div class="layui-table-cell show-feedback">{{ item.feedback }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.time }}</div>
          </td>
        </tr>
        {{#  }); }}
        {{#  if(d.data.length === 0){ }}
        <tr>
          <td colspan="9">
            <div class="table-tips">
              <i class="layui-icon" >&#xe6af;</i>暂无评价
            </div>
          </td>
        </tr>
        {{#  } }}
        </tbody>
      </table>
    </div>
  </div>
</script>
<!-- 考勤记录 -->
<script type="text/html" id="recordTable">
  <div class="popup-wrap">
    <div class="popup-table-title">考勤记录</div>
    <div class="popup-table-container">
      <table class="layui-table popup-table">
        <thead>
        <tr>
          <th width="60%">打卡地点</th>
          <th width="20%">签到时间</th>
          <th width="20%">签退时间</th>
        </tr>
        </thead>
        <tbody>
        {{#  layui.each(d.data, function(index, item){ }}
        <tr>
          <td align="left">
            <div class="layui-table-cell show-location">{{ item.location }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.checkInTime }}</div>
          </td>
          <td>
            <div class="layui-table-cell">{{ item.checkOutTime }}</div>
          </td>
        </tr>
        {{#  }); }}
        {{#  if(d.data.length === 0){ }}
        <tr>
          <td colspan="3">
            <div class="table-tips">
              <i class="layui-icon" >&#xe6af;</i>暂无评价
            </div>
          </td>
        </tr>
        {{#  } }}
        </tbody>
      </table>
    </div>
  </div>
</script>
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/js/popup_all.js"></script>
<script src="../dist/js/m_all.js"></script>
<script src="../dist/js/m_offline.js"></script>
</body>
</html>